<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>13网易右侧新闻列表</title>
    <link rel="stylesheet" href="./resource/reset.css">
    <style>
        .main{
            width: 300px;
            height: 316px;
            margin-top: 10px;
            border-top:1px solid rgb(221,221,221);
        }
        .title{
            display: inline-block;
            border-top:1px solid rgb(243,69,64);
            padding-top: 12px;
            padding-bottom: 12px;
            padding-left: 2px;
            font-weight: bolder;
        }
        .text_img{
            position: relative;
        }
        .text{
            position: absolute;
            font-size: 16px;
            color: white;
            font-weight: bold;
            bottom: 14px;
            left: 35px;
        }
        .list{
            margin-top: 21px;
            font-size: 14px;
            padding-left: 24px;
            
        }
        .list ul{
            list-style:square;
        }
        .list ul li::marker{
            color: rgb(221,221,221);
            font-size: 12px;
        }
        .list li:not(last-child){
            margin-bottom: 18px;
        }
        
        .list a{
            color: rgb(102,102,102);
            text-decoration: none;
            margin-left: -5px;
        }
        .list a:hover{
            color: red;
        }
        

    </style>
</head>

<body>
    <div class="main">
        <div class="title" ><h2>军事·航空</h2></div>
        <div class="text_img">
            <a href="http://www.baidu.com">
                <img src="./resource/03网易右侧新闻列表.webp" alt="">
            <div class="text">美军航母补给用直升机空运物资</div>
            </a>
        </div>
        <div class="list" >
            <ul>
                <li><a href="https://www.baidu.com">气势迫人！国产战机四机并停准备起飞</a></li>
                <li><a href="https://www.baidu.com">近拍美军科幻战舰 舰身上Z字醒目！</a></li>
                <li><a href="https://www.baidu.com">C919大飞机迎来发展里程碑</a></li>
                <li><a href="https://www.baidu.com">英国机场两架客机擦撞 波音777撞上波音757</a></li>
            </ul>
        </div>
    </div>

</body>

</html>